<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.3.1.min.js"></script>
		<style>
			.menu{
			    width: 25px;
			    height: 3px;
			    background: black;
			    margin: 50px auto;
			    position: relative;
			}
			.menu::before{
			    position: absolute;
			    top: -8px;
			    content: '';
			    width: 25px;
			    height: 3px;
			    background: black;
			}
			.menu::after{
			    position: absolute;
			    bottom: -8px;
			    content: '';
			    width: 25px;
			    height: 3px;
			    background: black;
			}
		</style>
	</head>
	<body>
		
		<div class="menu"></div>

       <script>
		   $(".menu").click(function(){
			   
		   });
		   
	   </script>
	</body>
</html>
